<html lang="en">

<head>
  <title>Gridsome with Forestry CMS - NWA</title>
  <meta name="gridsome:hash" content="742a3ed7a4ff4a5af2a9713a087912eb8a66aebd">
  <meta data-vue-tag="ssr" charset="utf-8">
  <meta data-vue-tag="ssr" name="generator" content="Gridsome v0.7.23">
  <meta data-vue-tag="ssr" data-key="viewport" name="viewport"
    content="width=device-width, initial-scale=1, viewport-fit=cover">
  <meta data-vue-tag="ssr" data-key="format-detection" name="format-detection" content="telephone=no">
  <meta data-vue-tag="ssr" data-key="description" name="description" content="Creative technologist">
  <link data-vue-tag="ssr" rel="icon" href="data:,">
  <link data-vue-tag="ssr" rel="icon" type="image/png" sizes="16x16"
    href="/assets/static/favicon.ce0531f.ed7ace5f5ab4b3729d077c58d037a25b.png">
  <link data-vue-tag="ssr" rel="icon" type="image/png" sizes="32x32"
    href="/assets/static/favicon.ac8d93a.ed7ace5f5ab4b3729d077c58d037a25b.png">
  <link data-vue-tag="ssr" rel="icon" type="image/png" sizes="96x96"
    href="/assets/static/favicon.b9532cc.ed7ace5f5ab4b3729d077c58d037a25b.png">
  <link data-vue-tag="ssr" rel="apple-touch-icon" type="image/png" sizes="76x76"
    href="/assets/static/favicon.f22e9f3.ed7ace5f5ab4b3729d077c58d037a25b.png">
  <link data-vue-tag="ssr" rel="apple-touch-icon" type="image/png" sizes="152x152"
    href="/assets/static/favicon.62d22cb.ed7ace5f5ab4b3729d077c58d037a25b.png">
  <link data-vue-tag="ssr" rel="apple-touch-icon" type="image/png" sizes="120x120"
    href="/assets/static/favicon.1539b60.ed7ace5f5ab4b3729d077c58d037a25b.png">
  <link data-vue-tag="ssr" rel="apple-touch-icon" type="image/png" sizes="167x167"
    href="/assets/static/favicon.dc0cdc5.ed7ace5f5ab4b3729d077c58d037a25b.png">
  <link data-vue-tag="ssr" rel="apple-touch-icon" type="image/png" sizes="180x180"
    href="/assets/static/favicon.7b22250.ed7ace5f5ab4b3729d077c58d037a25b.png">
  <link rel="preload" href="/assets/css/0.styles.911fe183.css" as="style">
  <link rel="preload" href="/assets/js/app.66e2c6a4.js" as="script">
  <link rel="preload" href="/assets/js/page--src--pages--index-vue.2009b917.js" as="script">
  <link rel="prefetch" href="/assets/js/page--node-modules--gridsome--app--pages--404-vue.6c7461c7.js">
  <link rel="prefetch" href="/assets/js/page--src--pages--contact-vue.0b86737d.js">
  <link rel="prefetch" href="/assets/js/page--src--pages--journal-vue.67a776c5.js">
  <link rel="prefetch" href="/assets/js/page--src--templates--journal-post-vue.7d475415.js">
  <link rel="prefetch" href="/assets/js/page--src--templates--project-post-vue.ac3db096.js">
  <link rel="stylesheet" href="/assets/css/0.styles.911fe183.css"><noscript data-vue-tag="ssr">
    <style>
      .g-image--loading {
        display: none;
      }
    </style>
  </noscript>
  <script charset="utf-8" src="/assets/js/page--src--pages--index-vue.2009b917.js"></script>
  <script charset="utf-8" src="/assets/js/page--src--pages--journal-vue.67a776c5.js"></script>
  <script charset="utf-8" src="/assets/js/page--src--templates--journal-post-vue.7d475415.js"></script>
</head>

<body class="">
  <div data-v-2a0eef53="" class="layout" id="app">
    <header data-v-7e33895e="" class="header">
      <div data-v-7e33895e="" class="container">
        <div data-v-7e33895e="" class="left"><a data-v-7e33895e="" href="/" class="home-link active"><img
              data-v-7e33895e="" src="/assets/img/logo.332701b7.svg" alt="Nichlas W. Andersen" class="logo"></a></div>
        <nav data-v-7e33895e="" class="nav right"><a data-v-7e33895e="" href="/journal"
            class="nav__link active">Journal</a><a data-v-7e33895e="" href="/contact" class="nav__link">Say Hi!</a>
        </nav>
      </div>
    </header>
    <div data-v-2a0eef53="" class="journal">
      <div data-v-2a0eef53="" class="container journal-container">
        <div data-v-2a0eef53="" class="journal-header">
          <h1 data-v-2a0eef53="" class="journal-title">Gridsome with Forestry CMS</h1>
          <div data-v-2a0eef53="" class="journal-meta">
            <div data-v-2a0eef53="" class="journal-author"><span data-v-2a0eef53="" class="label">Author</span><span
                data-v-2a0eef53="" class="author-name">Nichlas W. Andersen</span></div>
            <div data-v-2a0eef53="" class="journal-date"><span data-v-2a0eef53="" class="label">Date</span>
              <div data-v-2a0eef53="">7. June 2019</div>
            </div>
            <div data-v-2a0eef53="" class="journal-time"><span data-v-2a0eef53="" class="label">Time</span><span
                data-v-2a0eef53="">1 min read</span></div>
          </div>
        </div>
        <div data-v-2a0eef53="" class="journal-content">
          <h4 id="use-forestry-as-a-cms-for-gridsome"><a href="#use-forestry-as-a-cms-for-gridsome"
              aria-hidden="true"><span class="icon icon-link"></span></a>Use Forestry as a CMS for Gridsome</h4>
          <p><a href="https://forestry.io" target="_blank" rel="nofollow noopener noreferrer">Forestry</a> is a
            git-based headless CMS that allows editorial teams to work on Jamstack sites.</p>
          <p>It comes with a slick user interface that empowers editors to edit CommmonMark, YAML, and JSON files.</p>
          <p>Forestry UI was designed by <strong>Nichlas W. Andersen</strong>.</p>
          <p>You can import this starter to Forestry and start editing and creating posts or projects right away.</p>
          <p>Forestry also comes with instant previews, for you to preview your content before publishing.</p>
          <p>When you save content in <strong>Forestry</strong>, it's committed back to your Git repository. If you link
            your repository to a service like <strong>Netlify</strong> or <strong>Vercel</strong>, on every push, your
            site will be deployed over to a CDN network.</p>
          <p>Enjoy the best development and user experience! 🚀</p>
          <p><img class="g-image g-image--lazy g-image--loaded"
              src="/assets/static/ian-dooley-281897-unsplash.42db587.4ee4f858cbb8392c2cc4019598c07dcd.jpg" width="2560"
              data-srcset="/assets/static/ian-dooley-281897-unsplash.82a2fbd.4ee4f858cbb8392c2cc4019598c07dcd.jpg 480w, /assets/static/ian-dooley-281897-unsplash.cbab2cf.4ee4f858cbb8392c2cc4019598c07dcd.jpg 1024w, /assets/static/ian-dooley-281897-unsplash.2665e34.4ee4f858cbb8392c2cc4019598c07dcd.jpg 1920w, /assets/static/ian-dooley-281897-unsplash.42db587.4ee4f858cbb8392c2cc4019598c07dcd.jpg 2560w"
              data-sizes="(max-width: 2560px) 100vw, 2560px"
              data-src="/assets/static/ian-dooley-281897-unsplash.42db587.4ee4f858cbb8392c2cc4019598c07dcd.jpg"
              srcset="/assets/static/ian-dooley-281897-unsplash.82a2fbd.4ee4f858cbb8392c2cc4019598c07dcd.jpg 480w, /assets/static/ian-dooley-281897-unsplash.cbab2cf.4ee4f858cbb8392c2cc4019598c07dcd.jpg 1024w, /assets/static/ian-dooley-281897-unsplash.2665e34.4ee4f858cbb8392c2cc4019598c07dcd.jpg 1920w, /assets/static/ian-dooley-281897-unsplash.42db587.4ee4f858cbb8392c2cc4019598c07dcd.jpg 2560w"
              sizes="(max-width: 2560px) 100vw, 2560px"><noscript><img class="g-image g-image--lazy g-image--loaded"
                src="/assets/static/ian-dooley-281897-unsplash.42db587.4ee4f858cbb8392c2cc4019598c07dcd.jpg"
                width="2560"></noscript></p>
        </div>
      </div>
    </div>
    <footer data-v-07acb5f8="" class="footer">
      <div data-v-07acb5f8="" class="container"><span data-v-07acb5f8="">Copyright © 2021</span></div>
    </footer>
  </div>
  <script src="/assets/js/app.66e2c6a4.js" defer=""></script>
  <script src="/assets/js/page--src--pages--index-vue.2009b917.js" defer=""></script>


  <div class="xl-chrome-ext-bar" id="xl_chrome_ext_{4DB361DE-01F7-4376-B494-639E489D19ED}" style="display: none;">
    <div class="xl-chrome-ext-bar__logo"></div>

    <a id="xl_chrome_ext_download" href="javascript:;" class="xl-chrome-ext-bar__option">下载视频</a>
    <a id="xl_chrome_ext_close" href="javascript:;" class="xl-chrome-ext-bar__close"></a>
  </div>
</body>

</html>